<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-ua-compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<title></title>
		<style>
			body,ul{margin:0;padding:0;}
			ul{list-style:none;}
			.container{
				margin:50px auto;
				border:1px solid transparent;
				font-size:0;
				width:1200px;
				height:60px;
				background:url('topbg.jpg');
			}
			.container .logo-img{
				display:inline-block;
				margin:8px 50px 8px 0;
				width:137px;
				height:44px;
				background-image: url('weixin.png');
				vertical-align:middle;
			}
			.container ul .wenzi{
				display:inline-block;
				margin:0 2px;
				width:102px;
				height:33px;
				font-size:16px;
				text-align:center;
				line-height:33px;
				color:#fff;
				vertical-align:middle;
				background-image: url('btn2.png');
				background-repeat:no-repeat;
			}
			.container ul .wenzi:hover{
				cursor:pointer;
				box-shadow:0 0 15px #000 inset;
				border-radius:50px;
			}
		</style>
	</head>
	<body>
		<div class='container'>
			<ul>
				<li class='logo-img'></li>
				<li class='wenzi'>首页</li>
				<li class='wenzi'>帮助</li>
				<li class='wenzi'>公众</li>
				<li class='wenzi'>微信</li>
				<li class='wenzi'>支付</li>
				<li class='wenzi'>网页版</li>
				<li class='wenzi'>表情</li>
				<li class='wenzi'>广告</li>
			</ul>
		</div>
	</body>
</html>
